<script setup lang='ts'>
const visible = defineModel<boolean>()
const type = ref('对接客户')
</script>

<template>
  <el-dialog
    v-model="visible"
    title="xxx"
    width="30%"
    :before-close="() => visible = false"
  >
    <el-form label-width="auto" style="max-width: 600px">
      <el-form-item label="客户类型">
        <el-radio-group v-model="type">
          <el-radio-button label="对接客户" />
          <el-radio-button label="交付客户" />
        </el-radio-group>
      </el-form-item>
      <template v-if="type === '对接客户'">
        <el-form-item label="客户商标">
          <el-input placeholder="" clearable />
        </el-form-item>
        <el-form-item label="客户主体">
          <el-input placeholder="" clearable />
        </el-form-item>
      </template>
      <el-form-item label="联系人">
        <el-input placeholder="" clearable />
      </el-form-item>
      <el-form-item label="联系方式">
        <el-input placeholder="" clearable />
      </el-form-item>
      <el-form-item v-if="type === '交付客户'" label="角色">
        <el-select placeholder="">
          <el-option label="运营" value="运营" />
          <el-option label="运维" value="运维" />
        </el-select>
      </el-form-item>
    </el-form>
    <template #footer>
      <span>
        <el-button @click=" visible = false">关闭</el-button>
        <el-button type="primary" @click="visible = false">确定</el-button>
      </span>
    </template>
  </el-dialog>
</template>

<style scoped lang='scss'>

</style>
